<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="和逸金融，是以科技金融为主导的公司，主要业务板块包括中国资产证券化、基金服务、金融科技以及辅助这三大业务板块成立的中国资产证券化研究院。"/>
    <meta name="keywords" content="和逸,科技,牌照,金融"/>
    <meta name="author" content="HeYi">
    <title>[[${contactus.name}]]</title>
    <!-- 框架 -->
    <link href="../../static/front/css/bootstrap.min.css" th:href="@{/front/css/bootstrap.min.css}" rel="stylesheet">
    <!-- 样式清理 -->
    <link href="../../static/front/css/normalize.css" th:href="@{/front/css/normalize.css}" rel="stylesheet">
    <!-- 通用页面样式 -->
    <link href="../../static/front/css/main.css" th:href="@{/front/css/main.css}" rel="stylesheet">
    <!-- 首页样式 -->
    <link href="../../static/front/css/index.css" th:href="@{/front/css/index.css}" rel="stylesheet">
    <!-- HTML5兼容性处理 -->
    <!-- Respond.js响应式设计>
    <![if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Favicons网站图标 -->
    <link rel="shortcut icon" href="../../static/front/img/favicon.ico"/>
    <link rel="bookmark" href="../../static/front/img/favicon.ico" type="image/x-icon"/>
</head>
<body>
<!-- 移动端导航 -->
<div class="mask"></div>
<div class="sidebar">
    <ul>
        <li><a href="index.html">首页</a></li>
        <li><a href="aboutus.html">关于我们</a></li>
        <li><a href="team.html">专业团队</a></li>
        <li><a href="adviser.html">专业顾问</a></li>
        <li><a href="culture.html">公司文化</a></li>
        <li><a href="job.html">求职招聘</a></li>
        <li><a href="contact.html">联系我们</a></li>
        <li><a href="product.html">资产证券化</a></li>
        <li><a href="product-2.html">基金服务</a></li>
        <li><a href="product-3.html">金融科技</a></li>
    </ul>
</div>
<!-- header顶部导航 -->
<div th:replace="front/include"></div>
<!-- banner轮播组件 -->
<div class="banner">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="5000">
        <!-- 序号组件 -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
        </ol>
        <!-- 图片组件 -->
        <div class="carousel-inner" role="listbox">
            <div class="item" th:each="banner,iterStat : ${bannerList}"
                 th:classappend="${banner.sort == 1}?'active':''">
                <img th:src="@{${banner.imgUrl}}">
                <div class="carousel-caption">
                    <h1>[[${banner.title}]]</h1>
                    <h1>[[${banner.subtitle}]]</h1>
                </div>
            </div>
        </div>
        <!-- 进退按钮 -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<!-- feature1内容 -->
<div class="feature clearfix">
    <div class="feature-content" th:each="fea,itemStat:${featurelist}" th:if="${itemStat.index} lt 4"
         th:style="${fea.sort == 3}?'margin-left: 0px;':''">
        <div class="feature-image">

            <a th:href="@{'/front/product'}" target="_Self" th:if="${fea.sort == 1}">
                <img th:src="@{${fea.showImage}}" alt="[[${fea.title}]]">
            </a>
            <a th:href="@{'/front/product2'}" target="_Self" th:if="${fea.sort == 2}">
                <img th:src="@{${fea.showImage}}" alt="[[${fea.title}]]">
            </a>
            <a th:href="@{'/front/product3'}" target="_Self" th:if="${fea.sort == 3}">
                <img th:src="@{${fea.showImage}}" alt="[[${fea.title}]]">
            </a>
            <a th:href="@{'/front/product4'}" target="_Self" th:if="${fea.sort == 4}">
                <img th:src="@{${fea.showImage}}" alt="[[${fea.title}]]">
            </a>
        </div>
        <div class="feature-text">
            <div class="feature-text-top">
                    <span class="">
                        <img th:src="@{${fea.headImage}}" alt="[[${fea.title}]]">
                    </span>
                <a class="feature-title">[[${fea.title}]]</a>
            </div>
            <p>[[${fea.intro}]]</p>
        </div>
        <a class="feature-more" th:href="@{'/front/product'}" target="_Self" th:if="${fea.sort == 1}">更多 >></a>
        <a class="feature-more" th:href="@{'/front/product2'}" target="_Self" th:if="${fea.sort == 2}">更多 >></a>
        <a class="feature-more" th:href="@{'/front/product3'}" target="_Self" th:if="${fea.sort == 3}">更多 >></a>
        <a class="feature-more" th:href="@{'/front/product4'}" target="_Self" th:if="${fea.sort == 4}">更多 >></a>
    </div>

</div>

<!-- 合作机构专区 -->
<div id="org2" class="org-container">
    <h3 style="text-align: center;font-size: 20px;color:#c7161e">- 合作机构 -</h3>
    <div class="org-container-wap">
        <img th:each="con,itenStat:${containerlist}" th:src="@{${con.imgUrl}}">
    </div>
    <br>
</div>
<!-- footer页面底部 -->
<div th:replace="front/footer"></div>
<!-- 版权信息 -->
<div th:replace="front/copyright"></div>

<!-- 返回顶部按钮 -->
<button class="back-to-top" style="display: none;"></button>
<!-- 框架库加载 -->
<script src="../../static/front/js/jquery.min.js" th:src="@{/front/js/jquery.min.js}"></script>
<script src="../../static/front/js/bootstrap.min.js" th:src="@{/front/js/bootstrap.min.js}"></script>
<!-- 脚本加载 -->
<script src="../../static/front/js/main.js" th:src="@{/front/js/main.js}"></script>
</body>
</html>
